<template>
  <div class="message-type-demo">
    <MButton type="primary" @click="handleDurantionClick">10s</MButton>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { messageA } from "/@/m-ui";
export default defineComponent({
  components: {},
  setup() {
    const handleDurantionClick = () => {
      messageA({
        message: "将会停留10s将会停留10s",
        durantion: 10 * 1000,
      });
    };
    return {
      handleDurantionClick,
    };
  },
});
</script>

<style>
.message-type-demo .m-button {
  margin: 10px;
}
</style>
